<template>
	<z-nav-bar title="学员评测"></z-nav-bar>
	<view class="cp-top">
		<view class="cp-top-tit flex_fsc">
			<text>{{ $gc.evaluationType[data.type] }}</text>
			<text class="lab">{{ data.data.dictLabel }}</text>
		</view>
		<view class="cp-time">{{ data.data.createTime }}</view>
		<view class="cp-gz">{{ data.data.remark }}</view>
	</view>
	<bottom-box :buts="buts" @change="butChange"></bottom-box>
</template>

<script setup>
	import { onShow } from '@dcloudio/uni-app'
	import { ref, reactive, getCurrentInstance } from 'vue';
	const { proxy: that } = getCurrentInstance();
	
	const data = uni.getStorageSync('evaluation-data') || {}
	
	const buts = [{
		label: '开始测试',
		bgColor: 'uni-color-main-bg'
	}]
	
	function butChange() {
		uni.redirectTo({
			url: `/pages/player/evaluation/evaluation-base/${data.type === 5 ? 'actual-combat' : 'evaluation-nextDetail'}`
		})
	}
</script>

<style lang="scss">
	.cp-top{
		padding:0 40rpx;
	}
	.cp-top-tit{
		font-size: 36rpx;
		font-weight: 500;
		color: $uni-text-color;
		line-height: 50rpx;
		padding-top: 60rpx;
	}
	.cp-top-tit .lab{
		background: $uni-orange;
		border-radius: 8rpx;
		display: inline-block;
		margin-left: 16rpx;
		color: $uni-white;
		font-size: 24rpx;
		line-height: 34rpx;
		padding: 2rpx 12rpx;
	}
	.cp-time{
		font-size: 24rpx;
		color: $uni-text-color-grey;
		line-height: 34rpx;
		margin: 6rpx 0 32rpx;
	}
	.cp-gz{
		font-size: 28rpx;
		color: $uni-text-color;
		line-height: 44rpx;
	}
</style>
